<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/next_page.css" />
		<script type="text/javascript" src="jquery2.1.1/jquery-2.1.1.min.js" ></script>
		<script type="text/javascript" src="js/next_page.js" ></script>
		
	</head>
	<body>
		<div class="header"></div>
		<!--右边导航栏-->
		<div class="fix"></div>
		<!--位置信息-->
		<div class="location container wbody">
			<ul>
				<li>您的位置：</li>
				<li>首页></li>
				<li>服装鞋帽></li>
				<li>男装></li>
			</ul>
		</div>
		<div class="mainbody container wbody">
			<!--左边-->
			<div class="main_left">
				<!--筛选菜单-->
				<div class="choose_list">
					<!--品牌-->
					<div class="brand">
						<p>品牌：</p>
						<ul >
                            <li><a href="#">Adidas/阿迪达斯</a></li>
                            <li><a href="#">Septwolves/七匹狼</a></li>
                           	<li><a href="#">恒源祥</a></li>
                            <li><a href="#">PLAYBOY/花花公子</a></li>
                            <li><a href="#">Nike/耐克</a></li>
                            <li><a href="#">HSTYLE/韩都衣舍</a></li>
                            <li><a href="#">初语</a></li>
                            <li><a href="#">361°</a></li>
                            <li><a href="#">Disney/迪士尼</a></li>
                            <li><a href="#">OSA</a></li>
                            <li><a href="#">Afs Jeep/战地吉普</a></li>
                            <li><a href="#">裂帛</a></li>
                            <li><a href="#">ANTA/安踏</a></li>
                            <li><a href="#">Bejirog/北极绒</a></li>
                            <li><a href="#">Lining/李宁</a></li>
                            <li><a href="#">Semir/森马</a></li>
                            <li><a href="#">Calvin Klein/凯文克莱</a></li>
                            <li><a href="#">Goldlion/金利来</a></li>
                            <li><a href="#">巴拉巴拉</a></li>
                            <li><a href="#">乐町</a></li>
                            <li><a href="#">Meters Bonwe/美特斯邦威</a></li>
                            <li><a href="#">Othermix</a></li>
                            <li><a href="#">Gap</a></li>
                            <li><a href="#">PEACEBIRD/太平鸟</a></li>
                            <li><a href="#">XTEP/特步</a></li>
                            <li><a href="#">Mexican/稻草人</a></li>
                            <li><a href="#">TUCANO/啄木鸟</a></li>
                            <li><a href="#">Mark Fairwhale/马克华菲</a></li>
                            <li><a href="#">乔丹</a></li>
                            <li><a href="#">MiiOW/猫人</a></li>
						</ul>
						
					</div>
					<!--价格-->
					<div class="price">
						<p>价格</p>
						<ul>
							<li>全部</li>
							<li>0-150</li>
							<li>150-300</li>
							<li>300-500</li>
							<li>500-1000</li>
							<li>1000以上</li>
						</ul>
					</div>
					<!--类别-->
					<div class="type">
						<p>类别：</p>
						<ul>
							<li><a href="#">休闲长裤</a></li>
							<li><a href="#">背心/马甲</a></li>
							<li><a href="#">休息短裤</a></li>
							<li><a href="#">牛仔长裤</a></li>
							<li><a href="#">皮衣</a></li>
							<li><a href="#">毛衣</a></li>
							<li><a href="#">POLO衫</a></li>
							<li><a href="#">西服/西裤</a></li>
							<li><a href="#">夹克</a></li>
							<li><a href="#">卫衣/套衫</a></li>
							<li><a href="#">衬衣/衬衫</a></li>
							<li><a href="#">牛仔短裤</a></li>
							<li><a href="#">T恤</a></li>
							<li><a href="#">棉服/羽绒服</a></li>
							<li><a href="#">外套</a></li>
							<li><a href="#">风衣</a></li>
							<li><a href="#">大衣</a></li>
							<li><a href="#">中老年装</a></li>
							<li><a href="#">针织衫</a></li>
							<li><a href="#">情侣装</a></li>
							<li><a href="#">男士套装</a></li>
						</ul>
					</div>
					<div class="choos_end">筛选结果：</div>
				</div>
				<!--排序-->
				<div class="choose_sort">
					<span>排序</span>
					<input type="button" name="" id="" value="最新" />
					<input type="button" name="" id="" value="畅销" />
					<input type="button" name="" id="" value="价格升序" />
					<input type="button" name="" id="" value="价格降序" />
				</div>
				<!--展示列表-->
				<div class="show_list">
					<div class="page">1</div>
					<div class="page">2</div>
					<div class="page">3</div>
					<div class="page">4</div>
					<div class="page">5</div>
					<div class="page">6</div>
				</div>
				<div class="clear"></div>
				<!--翻页功能按钮-->
				<div class="choose_page">
					<div class="choos_btn">
						<ul>
							<li>首页</li>
							<li>上一页</li>
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
							<li>5</li>
							<li>6</li>
							<li>下一页</li>
							<li>尾页</li>
						</ul>
					</div>
				</div>
			</div>
			
			<!--右边-->
			<div class="main_right">
				<ul>
					<li>
						<img src="img/next_page/page_pic_45.jpg" />
						[]kuegou男士欧美个性圆领衬衫男白色修身衬衣
						<i>抢购价</i>
						<span>直降</span>
						<b>123</b>
					</li>
					<li>
						<img src="img/next_page/page_pic_16.jpg" />
						[]kuegou男士欧美个性圆领衬衫男白色修身衬衣
						<i>抢购价</i>
						<span>直降</span>
						<b>123</b>
					</li>
					<li>
						<img src="img/next_page/page_pic_35.jpg" />
						[]kuegou男士欧美个性圆领衬衫男白色修身衬衣
						<i>抢购价</i>
						<span>直降</span>
						<b>123</b>
					</li>
					<li>
						<img src="img/next_page/page_pic_60.jpg" />
						[]kuegou男士欧美个性圆领衬衫男白色修身衬衣
						<i>抢购价</i>
						<span>直降</span>
						<b>123</b>
					</li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
		<!--脚部-->
		<div class="footer"></div>
	</body>
</html>
